@import url("../../styles/publicStyle.less");

.home-container {
  .nav {
    position: relative;
    .widthAndHeight(100%, 350px);

    .root-hint {
      display: flex;
      .widthAndHeight(100%, 229px);
      .background(url("@{images}/rootHint.png"));

      .root-manbig {
        .widthAndHeight(134px, 132px);
        .background(url("@{images}/robotManbig.png"));
        margin: 30px 16px 32px 20px;
      }

      .root-hint-text {
        .DetailsText();

        p:first-of-type {
          .ActivityTitle();
          margin: 44px 0 8px;
        }
      }
    }
  }

  .content {
    height: calc(100vh - 100px - 350px);
  }
}
